Getting Started with Gatsby Workshop

GatsbyConf 2021Getting Started with Gatsby Workshop

Welcome to the Getting Started with Gatsby Workshop!

In this workshop, you'll learn the fundamental Gatsby concepts by building a blog with MDX. Here's an example site to show what your finished product might look like.

By the end of this workshop, you will be able to:

  • Create and deploy a new Gatsby site.
  • Add plugins to your site.
  • Use GraphQL to pull data into your site.
  • Use new Gatsby features like gatsby-plugin-image and the File System Route API.

Not sure what any of that means? No problem! You will by the end of the workshop.

The slides for this workshop are available on Google Slides.

Prerequisites

Prior to the workshop, please go through Part 0 to make sure you have all the necessary tools installed.

For this workshop, we’re assuming you have some knowledge of HTML, CSS, and JavaScript. You don’t have to be an expert, but you should feel comfortable writing HTML, styling elements with classes, and creating functions. Want to brush up your skills? Check out the Gatsby Web Creators playlist on YouTube.

New to React? We’ll cover the basics in the workshop. But if you want to prep beforehand, you can look up how to create components, how to use props, and how the children prop works.

Curriculum

Share Your Feedback!

You can help us improve this workshop by using this feedback form to tell us what you liked or didn't like about this workshop.

Gatsby G Logo